/** 头部 **/
$color: #333;
$alpha: 0.5;
$color1: #999999;
$color2: #565656;
$grayColor: #5d5d5d;
$borderColor: #eaeaea;
$hoverColor: #3385ff;
$iconRedColor: #f54336;

$headIconPadding: 5px;
.headNavBtn {
    font-size: 14px;
    padding: 0px 20px;
    border-left: 1px solid #d9d9d9;
    cursor: pointer;
    transition: all 0.3s;
    line-height: 20px;
    &:hover {
        color: $hoverColor;
    }
}
$boxShadowColor: rgba(
    $color: #000000,
    $alpha: 0.5,
);
$boxShadow: 0 1px 2px $boxShadowColor;

/** 侧边栏 **/
$sideBarWidth: 380px;

$backgroundColor: #fff;
$hoverBackgroundColor: #fbfbfb;
$backgroundColorOpacity: rgba(255, 255, 255, 0.8);
$activeBackgroundColor: #3385ff;
$activeFontColor: #fff;
$yellowColor: rgb(253, 199, 53);
$headHeight: 50px;

$base-background-color-0: #282828;
$base-background-color-1: #444;
$base-background-color-2: #6a6a6a;
$base-background-color-3: #0066cc;
$base-background-color-4: #181818;
$base-background-color-5: #fff;
$base-border: 1px solid $base-background-color-2;
$base-font-color-0: #fff;
$base-font-size-0: 12px;
$base-font-size-1: 13px;
$base-font-size-2: 14px;
$base-font-size-3: 15px;
$base-font-size-4: 16px;
$base-font-size-5: 17px;
$base-font-size-6: 18px;
$base-font-size-7: 19px;
$base-font-size-8: 20px;
$base-alpha: 0.5;
$base-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2), 0 2px 6px 0 rgba(0, 0, 0, 0.19);

$success-color: #19be6b;

$error-color: #fa3534;

$info-color: #909399;
$info-disabled-color: #c8c9cc;
$info-dark-color: #82848a;
$info-light-color: #f4f4f5;

$warning-color: #ff9900;

$primary-color: #2979ff;
$primary-light-color: #ecf5ff;
$primary-disabled-color: #a0cfff;
$primary-dark-color: #2b85e4;
$yellowColor: rgb(253, 199, 53);

.center_block {
    display: flex;
    align-items: center;
    justify-content: center;
}

.center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.button {
    @extend .center;

    position: absolute;
    background: $backgroundColor;
    border-radius: 2px;
    padding: 0 6px;
    color: $color;
    font-size: 14px;
    box-sizing: border-box;
    box-shadow: $boxShadow;
    cursor: pointer;
    z-index: 999;
    transition: color 0.3s;

    &:hover {
        color: $hoverColor;
    }

    &:focus {
        outline: none;
    }
}

.leaflet-div-icon {
    background: transparent;
    border: none;
}

.toolbar_devider {
    border-left: 1px solid #d2d2d2;
    height: 38px;
    margin: 0px 3px 0px 3px;
    border-right: 1px solid #fafafa;
}

.mask {
    position: fixed;
    inset: 0;
    height: 100vh;
    background-color: #000;
    opacity: 0.72;
    z-index: 999;
}

/*滚动条样式*/
::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: rgba(255, 255, 255, 1);
}
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: rgba(30, 29, 29, 01);
}
